<div class="td-reservation-date">
  <div class="appointmentStatus">
    <span><i class="fa fa-circle" aria-hidden="true"></i>可预约</span>
    <span><i class="fa fa-circle" aria-hidden="true"></i>已约满</span>
  </div>
  <div class="data-picker">
    <div class="week">
      <p v-for="(item,index) in weekIndexList" :key="index" :class="{'five-sex':item===6 || item===0}">{{weekList.find(i=>i.value===item).label}}</p>
    </div>
    <div class="wrapper">
      <p v-for="(date, index) in nowMonthList" :class="date.class" @click="selectedNow(date, $event)">
        <span>{{date.day}}</span>
        <span class="current" v-if="date.class.reservation">有号</span>
        <span class="current" v-if="date.class.expiration">无号</span>
      </p>
      <p v-for="(date, index) in nextMonthList" :class="date.class" @click="selectedNext(date, $event)">
        <span>{{date.day}}</span>
        <span class="current" v-if="date.class.reservation">有号</span>
        <span class="current" v-if="date.class.expiration">无号</span>
      </p>
    </div>
  </div>


</div>
